<template>
    <div>
        <chart-bar :yMax='100' title="RCU整体性能趋势 (达到率)" :seriesData='dataList' :legendName="legendName" />
    </div>
</template>

<script lang="ts">
import { defineComponent, reactive, ref } from 'vue';
import ChartBar from 'comps/chart/bar/index.vue';
export default defineComponent({
    name: 'rcuMonitor',
    components: { ChartBar },
    setup() {
        const dataList: Array = reactive([
            {
                name: '云段安保机器人',
                data: [95, null, null],
                color: '#F7BD64'
            },
            {
                name: '云端清洁机器人',
                data: [null, 95, null],
                color: '#54CD9B'
            },
            {
                name: '巡逻测温机器人',
                data: [null, null, 100],
                color: '#4AADF8'
            }
        ]);
        const legendName = ref(['云段安保机器人', '云端清洁机器人', '巡逻测温机器人']);

        return {
            dataList,
            legendName
        };
    }
});
</script>

<style lang="" scoped>
</style>